<template>
    <el-container class="common-layout">
      <el-main style="height: 100%; padding: 0;  overflow: hidden;">
            <el-image
                src="./public/indexImg.png"
                style="height: 100%; width: 100%"
                fit="cover"
            />
      </el-main>
        <el-row style="position: absolute; width: 40%; top: 34%;" >
          <el-col class="flex justify-evenly text-5xl text-green-600">
            基于区块链技术构建
          </el-col>
          <el-col class="flex justify-evenly text-3xl text-green-400" style="padding-top: 5%">
            茶叶溯源数字化信息平台
          </el-col>
        </el-row>
      <el-aside width="400px">
        <router-view v-slot="{ Component }">
        <transition name="el-fade-in-linear" mode="out-in">
          <component :is="Component" style="height: 100%"/>
        </transition>
        </router-view>
      </el-aside>
    </el-container>
</template>

<script setup>


</script>

<style scoped>
.common-layout {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  display: flex;

}
</style>